<template>
  <div>
    <header-top
      class="tip_head"
      :TxtHeader="TxtHeader"
      @leftClick="back"
      @rightClick="rightClick"
    ></header-top>
    <div class="content_main">
      <div class="cont_title">《太网医隐私政策》2020年9月17日生效版本</div>
      <div class="cont_top">
        【特别提示】请仔细阅读《隐私政策》尤其是确定了解我们对您个人信息的处理规则。阅读过程中，如您有任何疑问，可联系我们的客服咨询，如您不同意协议中的任何条款，您应立即停止访问健康。阅读协议的过程中，如果您不同意相关协议或其中任何条款约定，您应立即停止使用太网医。
      </div>
      <div class="cont_body">
        <span>《隐私政策》正文</span>
        <span> 版本更新日期：2020年9月10日 </span>
        <span>版本生效日期：2020年9月17日</span>
      </div>
      <div class="cont_Introduction">
        <p>引言</p>
        <span
          >太网医（“我们”）非常重视用户的隐私和个人信息保护。您在使用我们的产品与/或服务时，我们可能会收集和使用您的相关信息。我们希望通过《太网医隐私政策》（“本隐私政策”）向您说明我们在您使用我们的产品与/或服务时如何收集、使用、保存、共享和转让这些信息，以及我们为您提供的访问、更新、删除和保护这些信息的方式。
        </span>
      </div>
      <div class="cont_foot">
        <p>本隐私政策将帮助您了解以下内容：</p>
        <span>一、我们如何收集和使用您的个人信息 </span>
        <span>二、我们如何使用 Cookies 和同类技术 </span>
        <span>三、我们如何共享、转让、公开披露您的个人信息 </span>
        <span>四、我们如何保护和保存您的个人信息 </span>
        <span>五、我们如何使用 Cookies 和同类技术 </span>
        <span>六、我们如何共享、转让、公开披露您的个人信息 </span>
        <span>七、我们如何保护和保存您的个人信息 </span>
      </div>
    </div>
  </div>
</template>
<script>
import HeaderTop from "@/components/header-top";
export default {
  name: "Index",
  components: {
    HeaderTop
  },
  data() {
    return {
      TxtHeader: {
        //头部设置
        color: "#000", //头部中间文字颜色
        title: "隐私政策",
        leftOpt: {
          //左边按钮设置
          icon: "",
          text: "",
          color: "#000"
        },
        rightOpt: {
          //右边按钮设置
          icon: "",
          text: "",
          color: "#fff"
        }
      }
    };
  },
  methods: {
    back() {
      console.log(1);
    },
    rightClick() {
      console.log(2);
    }
  }
};
</script>
<style lang="less" scoped>
.tip_head {
  background-color: #fff;
  margin-bottom: 0.18rem;
}
.content_main {
  height: calc(100% - 0.5rem);
  overflow-y: auto;
  padding: 0 0.24rem;
  font-size: 0.14rem;
  .cont_title {
    color: #999;
    text-align: center;
    margin-bottom: 0.15rem;
  }
  .cont_top {
    color: #666;
    margin-bottom: 0.15rem;
    text-indent: 1em;
  }
  .cont_body {
    text-align: left;
    color: #666;
    margin-bottom: 0.15rem;
    span {
      display: block;
    }
  }
  .cont_Introduction {
    color: #666;
    margin-bottom: 0.15rem;
    p {
      font-weight: bold;
      font-size: 0.14rem;
    }
    span {
      display: block;
    }
  }
  .cont_foot {
    color: #666;
    p {
      font-weight: bold;
      font-size: 0.14rem;
    }
    span {
      display: block;
    }
  }
}
</style>
